﻿@model TumbaloSoft.Models.GastosComunes
@{
    ViewBag.Title = "Pagar Gastos Comunes";
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
}

<script>
	// increase the default animation speed to exaggerate the effect
	//$.fx.speeds._default = 4000;
	$(function () {
		$("#dialog").dialog({
			autoOpen: false,
			resizable: false,
			height: 240,
			modal: true,
			buttons: {
				"Si": function () {
					$("#form_1").submit();
					$(this).dialog('close');
					
				},

				"No": function () {
					$(this).dialog("close");
				}
			}
		});

		$("#open").click(function () {
			$("#dialog").dialog("open");
			return false;
		});


	});
</script>
<script>
	$(document).ready(function () {
		$(":file").css("background-color", "lightgray");
		$(":file").css("height", "25px");
		$(":file").css("margin-left", "-7px");
	});
</script>
    <!-- content -->
    <div class="body2">
        <div class="main">
            <section id="content">
                <div class="wrapper">
                    <!--Formulario-->
                    <article class="col0">
						<nav class="urbangreymenu">
							<h3 class="headerbar">Gastos Comunes</h3>
							<ul id="subMenu">
								<li>
									<h5>@Html.ActionLink("Agregar Gasto Común", "Registrar")</h5>
								</li>
                                <li>
									<h5>@Html.ActionLink("Visualizar Gastos Comumnes", "Buscar")</h5>
								</li>
                                <li>
									<h5>@Html.ActionLink("Registrar Consumo de Agua", "RegistrarAgua")</h5>
								</li>
							</ul>
						</nav>
					</article>

                    <article class="col1" style="width: 500px">

                    

                        <form id="form_1" method="post" style="height: 100%">
                            <div class="pad1">
                                <h3>Seguro que desea pagar este gasto común? </h3>
                                <!--edificio -->
                                                          
                                        <div class="row">
                                                <table style="width: 420px">
                                                    <tr>
                                                        <td style="width: 210px"><span>Edificio :</span></td>
                                                        <td style="width: 210px"> 
                                                         
                                                             <input id="prEdificio_prNombre" name="prEdificio.prNombre" value="@Model.prEdificio.prNombre" readonly="readonly" />
                                                             <input id="prEdificio_prIdEdifico" type="hidden" name="prEdificio.prIdEdificio" value="@Model.prEdificio.prIdEdificio"/>
                                                             @Html.ValidationMessageFor(model => model.prEdificio.prNombre,null ,new{style = "float: none"}) 
                                                        </td>
                                                    </tr>
                                                </table> 
                                         </div>
                                               
                                <!--tipo de servicio -->
                              <div class="row">
                                                <table style="width: 420px">
                                                    <tr>
                                                        <td style="width: 210px"><span>Servicio :</span></td>
                                                        <td style="width: 210px"> 
                                                            <input id="prTipoServicio_prDescripcion" name="prTipoServicio.prDescripcion" value="@Model.prTipoServicio.prDescripcion" readonly="readonly" />
                                                            <input id="prTipoServicio_prIdTipoServicio" type="hidden" name="prTipoServicio.prIdTipoServicio" value="@Model.prTipoServicio.prIdTipoServicio" />
                                                           @Html.ValidationMessageFor(model => model.prTipoServicio.prDescripcion,null ,new{style = "float: none"}) 
                                                        </td>
                                                    </tr>
                                                </table> 
                                         </div>




                                 <div class="row">
                                        <table style="width: 420px">
                                            <tr>
                                                <td style="width: 210px"><span>Fecha de Emisión:</span></td>
                                                <td style="width: 210px"> 
                                                     <input id="prFecEmision" name="prFecEmision" value="@Model.prFecEmision.ToShortDateString()" readonly="readonly" />
                                                     @Html.ValidationMessageFor(model => model.prFecEmision,null ,new{style = "float: none"})                                            
                                                </td>
                                            </tr>
                                        </table>                                                
                                 </div>

                                <div class="row">
                                        <table style="width: 420px">
                                            <tr>
                                                <td style="width: 210px"><span>Fecha de Vencimiento*:</span></td>
                                                <td style="width: 210px"> 
                                                    <input id="prFecVencimiento" name="prFecVencimiento" value="@Model.prFecVencimiento.ToShortDateString()" readonly="readonly" />
                                                    @Html.ValidationMessageFor(model => model.prFecVencimiento,null ,new{style = "float: none"})                                                                                     
                                                </td>
                                            </tr>
                                        </table>                                                
                                 </div>

                                   <div class="row">
                                                <table style="width: 420px">
                                                    <tr>
                                                        <td style="width: 210px"><span>Monto:</span></td>
                                                        <td style="width: 210px"> 
                                                           <input id="prMonto" name="prMonto" value="@String.Format("{0:0.00}",@Model.prMonto)" readonly="readonly" />
                                                            @Html.ValidationMessageFor(model=> model.prMonto)
                                                        </td>
                                                    </tr>
                                                </table> 
                                         </div>


                                <span>&nbsp;</span>
										        <a href="#"  class="button" onClick="document.getElementById('form_1').submit()">Pagar</a>
                                                <a href="/GastosComunes/Index"  class="button" onClick="document.getElementById('form_1').cancel()">Cancelar</a>
                                <br>
                                <br>
                            </div>
                        </form>
                    </article>

                </div>
            </section>
        </div>
    </div>
    <!-- / content -->

    <script type="text/javascript"> Cufon.now(); </script>

</body>

